<!DOCTYPE HTML>
<html>
	<head>
		<title>Future Imperfect by HTML5 UP</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="../static/css/blogMain.css" />
	</head>
	<body>
		<!-- Wrapper -->
			<div id="wrapper">
				<!-- Header -->
					<header id="header">
						<h1><a href="../template/inner_index.html">Internal Network</a></h1>
						<nav class="links">
							<ul>
								<li><a href="{{url('inner_home')}}">内网首页</a></li>
								<li><a href={{url('blog_list')}}>公共博客</a></li>
								<li><a href="resource.html">资源夹</a></li>
								<li><a href="question.html">技术问答</a></li>
								<li><a href="index.html">实验室介绍页</a></li>
							</ul>
						</nav>
					</header>
				<!-- Main -->
					<div id="main">
						<!-- Post -->
							<article class="post">
								<header>
									<div class="title">
										<h2><a href="#">{{ blog.title }}</a></h2>
									</div>
									<div class="meta">
										<time class="published" datetime="2015-11-01">{{ blog.time.strftime("%Y-%m-%d")}}</time>
										<a href="#" class="author"><span class="name">{{ blog.author }}</span><img src="../static/img/avatar.jpg" alt="" /></a>
									</div>
								</header>
								<a href="#" class="image featured"><img src="../static/img/pic01.jpg" alt="" /></a>
								<p>{{ blog.context }}</p>
								<footer>
									<ul class="stats">
										<li><a href="#" class="icon fa-heart">28</a></li>
<!--										<li><a href="#" class="icon fa-comment">128</a></li>-->
									</ul>
								</footer>
							</article>
					</div>
				<!-- Sidebar -->
					<section id="sidebar">
						<!-- Intro -->
							<section id="intro">
								<header>
									<h2>Public Blog</h2>
									<p> The fire burns high <br/>when everybody adds wood to it </p>
								</header>
							</section>
						<!-- Posts List -->
							<section>
								<ul class="posts">
									<h2>同类博文</h2>
                                    {% if previous1_blog %}
									<li>
										<article>
											<header>
												<h3><a href="#">{{ previous1_blog.title }}</a></h3>
												<time class="published" datetime="2015-10-15">October 15, 2015</time>
											</header>
											<a href="#" class="image"><img src="../static/img/pic09.jpg" alt="" /></a>
										</article>
									</li>
                                    {% endif %}

                                    {% if previous_blog %}
									<li>
										<article>
											<header>
												<h3><a href="#">{{ previous_blog.title }}</a></h3>
												<time class="published" datetime="2015-10-10">October 10, 2015</time>
											</header>
											<a href="#" class="image"><img src="../static/img/pic10.jpg" alt="" /></a>
										</article>
									</li>
                                    {% else %}
                                        <p> </p>
                                    {% endif %}

                                    {% if next_blog %}
									<li>
										<article>
											<header>
												<h3><a href="#">{{ next_blog.title }}</a></h3>
												<time class="published" datetime="2015-10-08">October 8, 2015</time>
											</header>
											<a href="#" class="image"><img src="../static/img/pic11.jpg" alt="" /></a>
										</article>
									</li>
                                    {% endif %}

                                    {% if next1_blog %}
									<li>
										<article>
											<header>
												<h3><a href="#">{{ next1_blog.title }}</a></h3>
												<time class="published" datetime="2015-10-06">October 7, 2015</time>
											</header>
											<a href="#" class="image"><img src="../static/img/pic12.jpg" alt="" /></a>
										</article>
									</li>
                                    {% endif %}

								</ul>
							</section>
						<!-- Footer -->
							<section id="footer">
								<p class="copyright">&copy;Made by 实验室前端组 </p>
							</section>
					</section>
			</div>
		<!-- Scripts -->
			<script src="../static/js/jquery.min.js"></script>
			<script src="../static/js/skel.min.js"></script>
			<script src="../static/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="../static/js/main.js"></script>
	</body>
</html>